<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
</script>
<h1>Statistiques Groupement ${gptSelect.toString()}</h1>
<br />
#{if !stats.isEmpty()}
	<h2><center>total heures par CIS</center></h2>
	<table class="display">
		<thead>
			<tr>
				<th>Th&eacute;matique</th>
				<th>CIS</th>
				<th>Dur&eacute;e totale de formation</th>
				<th>Nombre de form&eacute;s</th>
				<th>Heures totales</th>
			</tr>
		</thead>
		<tbody>
			#{list items:stats, as:'stat'}
			<tr>
				<td>${stat.statistiques.get("thematique")}</td>
				<td>${stat.cis.nom}</td>
				<td>${stat.statistiques.get("totalH")}</td>
				<td>${stat.statistiques.get("totalP")}</td>
				<td>${stat.statistiques.get("totalHxF")}</td>
			</tr>
			#{/list}
		</tbody>
	</table>
	<br />
#{/if}
</body>